﻿<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" href="../src/mixins/style/base.css" />
    <link rel="stylesheet" href="../src/mixins/style/normalize.css" />
    <link rel="stylesheet" href="../src/lib/font-awesome/css/font-awesome.css">

    <!-- 引入样式 -->
    <!--<link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">-->
    <!-- 引入组件库 -->
    <!--<script src="https://unpkg.com/element-ui/lib/index.js"></script>-->


</head>

<body>

    <div class="container" id="app">


        <div class="mt_10 search_condition_wrap   clearfix">
            <div>
                <el-input class="search_input" size="small" v-model="form.UserNo" placeholder="工号"></el-input>
                <el-input class="search_input" size="small" v-model="form.UserName" placeholder="用户名"></el-input>
                <el-input class="search_input" size="small" v-model="form.LoginName" placeholder="登陆名"></el-input>
                <el-input class="search_input" size="small" v-model="form.MobliePhone" placeholder="手机号"></el-input>
                <el-select class="search_input" size="small" v-model="form.DataFlag" placeholder="">
                    <el-option v-for="item in enums.DataFlag" :key="item.Id" :label="item.Name" :value="item.Id">
                    </el-option>
                </el-select>

            </div>
        </div>

        <div class="mt_10 search_btn_wrap  clearfix">
            <el-button size="small" type="primary" v-on:click.stop="tableSearch">搜 索</el-button>
            <el-button size="small" type="primary" v-on:click.stop="handleEditClick">新 增</el-button>
        </div>


        <el-table class="mt_10 clearfix" stripe size="mini" :data="tableList" border style="width: 100%">
            <el-table-column type="index" width="50">
            </el-table-column>
            <el-table-column prop="Id" label="主键" width="80">
            </el-table-column>
            <el-table-column prop="UserName" label="用户名" width="">
            </el-table-column>
            <el-table-column prop="LoginName" label="登陆名" width="">
            </el-table-column>
            <el-table-column prop="UserNo" label="工号" width="100">
            </el-table-column>

            <el-table-column prop="UserEmail" label="邮箱" width="150">
            </el-table-column>
            <el-table-column prop="MobliePhone" label="手机号" width="150">
            </el-table-column>
            <el-table-column prop="DataFlag" label="有效性" width="80">
                <template scope="scope">
                <el-tag v-if="scope.row.DataFlag==0" type="warning">无效</el-tag>
                <el-tag v-if="scope.row.DataFlag==1" type="success">有效</el-tag>
            </template>
            </el-table-column>
            <el-table-column prop="IsLocked" label="锁定" width="80">
                <template scope="scope">
                <el-tag v-if="scope.row.IsLocked==0" type="success">未锁定</el-tag>
                <el-tag v-if="scope.row.IsLocked==1" type="warning">锁定</el-tag>
            </template>
            </el-table-column>
            <el-table-column prop="Id" label="操作" width="80">
                <template scope="scope">
                <el-button @click="handleEditClick(scope.row)" type="text" size="small">编辑</el-button>
            </template>
            </el-table-column>
        </el-table>

    </div>


    <script src="../src/lib/jquery.js"></script>
    <script src="../src/lib/sea-all.js"></script>

    <script src="../src/lib/vue.js"></script>
    <script src="../src/lib/vue-router.js"></script>

    <script src="../boot.js"></script>
    <script src="../src/lib/lodash.js"></script>

    <!-- <link rel="stylesheet" href="../src/lib/elementui/index.css">
    <script src="../src/lib/elementui/index.js"></script> -->

    <!-- 引入样式 -->
    <link rel="stylesheet" href="https://unpkg.com/element-ui/lib/theme-chalk/index.css">
    <!-- 引入组件库 -->
    <script src="https://unpkg.com/element-ui/lib/index.js"></script>


    <script src="../src/mixins/global.mixins.js"></script>




    <script>
        $(function() {
            seajs.use('./userList.js');
        })
    </script>


</body>